<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <f:facet name="first">
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <meta name="apple-mobile-web-app-capable" content="yes"/>
    </f:facet>
    <title>菠萝天眼</title>
</h:head>

<h:body styleClass="login-body">
    <h:form>
        <div id="login-wrapper">
            <p:graphicImage name="images/login-logo.png" library="omega-layout"/>

            <div id="login-container">
                <span class="title">菠萝天眼</span>
                <div class="ui-g ui-fluid">
                    <div class="ui-g-12">
                        <p:inputText placeholder="用户名" autocomplete="false" value="#{loginBean.username}"/>
                    </div>
                    <div class="ui-g-12">
                        <p:password placeholder="密码" feedback="false" autocomplete="false"
                                    value="#{loginBean.password}"/>
                    </div>
                    <!--<div class="ui-g-4">-->
                    <!--<span class="remember-me">记住我</span>-->
                    <!--<p:selectBooleanCheckbox value="#{loginBean.rememberMe}"/>-->
                    <!--</div>-->
                    <div class="ui-g-12">
                        <p:commandButton value="登录" ajax="false" actionListener="#{loginBean.login}" update="@form"/>
                    </div>

                    <div class="ui-g-12">
                        <span class="title" style="color: #ff0746; font-size: smaller"><h:outputText
                                value="#{loginBean.errorMessage}"></h:outputText></span>
                    </div>
                </div>
            </div>

            <div class="login-footer">菠萝天眼</div>
        </div>
    </h:form>
    <h:outputStylesheet name="css/layout.css" library="omega-layout"/>
</h:body>

</html>